//鼠标移入停止轮播 stopPlay
//鼠标移出开始轮播 startPlay
//每隔2秒自动切换到下一张 changImg
//点击小圆点切换对应的图片 
window.onload=function(){
	var imgs=document.getElementsByClassName("slider-img");
	var	dots_li=dots.getElementsByTagName("li");
	var	len=imgs.length;
	var index=0;//图片的下标
	var timer=null;
	var slider=document.getElementById("slider");
	//切换图片
	function changeImg(){
		for(var i=0;i<len;i++){
			imgs[i].style.opacity=0;
			dots_li[i].className="";
		}
		imgs[index].style.opacity=1;
		dots_li[index].className="active";
	}
	//  开始轮播
	function startPlay(){  
		timer=setInterval(function(){
			index++;
			if(index>=len){
				index=0;
			}
			changeImg();
		},3000);
	}
	// 停止轮播
	function stopPlay(){
		if(timer){
			clearInterval(timer);
			timer=null;
		}
	}
	// 打开页面开始轮播
	function autoSlider(){
		//鼠标移出
		slider.onmouseover=function(){
			stopPlay();
		}
		//鼠标移出
		slider.onmouseout=function(){
			startPlay();
		}
	//点击小圆点
		for(var i=0;i<len;i++){
			dots_li[i].id=i;
			dots_li[i].onclick=function(){
				index=this.id;
				changeImg();
			}
		}
		slider.onmouseout();
	}
	autoSlider();
}

